{% spaceless %}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Effective Health Calculator - Aion</title>
        <link href="{{ asset('css/bootstrap.min.css') }}" type="text/css" rel="stylesheet" />
        <link href="{{ asset('css/main.css') }}" type="text/css" rel="stylesheet" />
        <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
    </head>
    <body>
        <header class="row-fluid">
            <div class="logo span6 offset2">
            	<h1>Aion EH Calculator</h1>
            </div>
        </header>
        <div class="row-fluid">
            <div class="span6 offset2">
                <ul class="builds-list nav nav-tabs">
                    <!-- <li class="active">
                        <a href="#" data-buildindex="0">Kharun Set</a>
                    </li>
                    <li><a href="#" data-buildindex="1">Tiamat Stronghold Set</a></li> -->
                    <li><a href="#"><i class="icon-plus"></i></a>
                </ul>
            </div>
        </div>

        <div class="row-fluid">
            <div class="well span6 offset2" style="position: relative;">
                <div class="left-nav">
                    <ul>
                        <li><i class="icon-exclamation-sign"></i></li>
                        <li><i class="icon-question-sign"></i></li>
                    </ul>
                </div>
                <div class="build-control pull-right">
                	<span class="btn btn-rename btn-mini">Rename</span><span class="btn btn-danger btn-delete btn-mini">Delete</span>
                </div>
                <div class="row-fluid">
                    <div class="span8 offset2">
                        <form class="form-horizontal">
                            <fieldset>
                                <legend>Base Stats</legend>
                                <div class="control-group">
                                    <label class="control-label" for="inputHP">HP</label>
                                    <div class="controls">
                                        <input type="text" class="inputHP" placeholder="Health Point">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="inputDefense">Defense</label>
                                    <div class="controls">
                                        <input type="text" class="inputDefense" placeholder="Defense">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="inputBlockScore">Block</label>
                                    <div class="controls">
                                        <input type="text" class="inputBlockScore" placeholder="Block Score">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="inputBlockAmountScore">Block Amount</label>
                                    <div class="controls">
                                        <input type="text" class="inputBlockAmountScore" placeholder="Block Amount Score">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="inputDodgeScore">Dodge</label>
                                    <div class="controls">
                                        <input type="text" class="inputDodgeScore" placeholder="Dodge Score">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="inputParryScore">Parry</label>
                                    <div class="controls">
                                        <input type="text" class="inputParryScore" placeholder="Parry Score">
                                    </div>
                                </div>
                            </fieldset>
                            <!-- <fieldset>
                                <legend>Self Buffs</legend>
                                <div class="control-group">
                                    <label class="control-label" for="inputAuraArmor">Aura Armor</label>
                                    <div class="controls">
                                        <select id="inputAuraArmor">
                                            <option value="0">0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="inputConcentration">Concentration</label>
                                    <div class="controls">
                                        <select id="inputConcentration">
                                            <option value="0">0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="inputAuraShield">Aura Shield</label>
                                    <div class="controls">
                                        <select id="inputAuraShield">
                                            <option value="0">0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="inputShieldFortress">Shield Fortress</label>
                                    <div class="controls">
                                        <select id="inputShieldFortress">
                                            <option value="0">0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>
                            </fieldset> -->
                            <!-- <fieldset>
                                <legend>Group Buffs</legend>
                                <div class="control-group">
                                    <label class="control-label" for="inputBenediction">Benediction</label>
                                    <div class="controls">
                                        <select id="inputBenediction">
                                            <option value="0">0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>
                            </fieldset> -->
                        </form>
                        <h2>Results</h2>
                        <table class="table">
                            <thead>
                                <tr>
                                    <th style="width:127px"></th>
                                    <th><abbr title="Base effective health, without self buffs & group buffs (future feature)">Base</abbr></th>
                                    <!-- <th>Self Buffed</th>
                                    <th>Group Buffed</th> -->
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Effective Health</td>
                                    <td class="baseEH">0</td>
                                    <!-- <td class="selfBuffedEH">-</td>
                                    <td class="groupBuffedEH">-</td> -->
                                </tr>
                                <tr>
                                    <td><abbr title="Effective Health">EH</abbr> with <abbr title="Block">B</abbr>, <abbr title="Dodge">D</abbr> & <abbr title="Parry">P</abbr></td>
                                    <td class="baseEHDPB">0</td>
                                    <!-- <td>-</td>
                                    <td>-</td> -->
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <script src="{{ path('aion_eh_calculator_get_scripts') }}" type="text/javascript"></script>
    </body>
</html>
{% endspaceless %}